// rfc
/*
  学习目标：使用useState声明数据
  作用： 给函数式组件，声明数据
  语法： const [变量名， 更新变量的函数] =  useState(初始值)

  理解🔔： 变量名 等价于 this.state.xxx
  理解🔔： 更新变量的函数 等价于 this.setState({xxx: })
  
  步骤：
     1. 导入函数, useState
     2. 调用useState函数, 获取变量和更新变量的方法
     3. 正常使用
*/
import React, { useState } from 'react';

export default function App() {
  const [count, setCount] = useState(83);
  const [msg, setMsg] = useState('hello React');

  return (
    <div>
      App
      <h1>{count}</h1>
      <button onClick={() => setCount(count + 1)}>点我+1</button>
      <hr />
      <h1>{msg}</h1>
      <button onClick={() => setMsg(msg + '~')}>点我+~</button>
    </div>
  );
}
